$(document).ready(function() {
	$(window).resize(function() {
		chart.resize();
	});

});

/************************************************************************************************************************/
//只有单根柱状图 并且没有背景与网络线
//function chart_zz_only_noxAxis_noxLines(data_arr, chart_obj) {
//
//	var xAxis_data = []; //取得X轴的数值数组
//	var series_data_1 = [];
//	var series_data1_max = 0; //为了5格线也是拼了
//	//
//	mui.each(data_arr.data, function(index, item) {
//		xAxis_data[index] = data_arr.data[index].name;
//		series_data_1[index] = data_arr.data[index].data[0];
//		(parseInt(series_data_1[index]) > series_data1_max) ? series_data1_max = parseInt(series_data_1[index]): series_data1_max = series_data1_max;
//	});
//
//	//判断最大值
//	series_data1_max = retMax(series_data1_max);
//	console.log(series_data1_max);
//
//	// 基于准备好的dom，初始化echarts实例
//	var myChart = echarts.init(document.getElementById(chart_obj));
//	// 指定图表的配置项和数据
//	var option = {
//		tooltip: {},
//		legend: {
//			data: [data_arr.name], //'消费次数'
//			y: 'bottom',
//		},
//		xAxis: {
//			data: xAxis_data, //["0", "1", "2", "3", "4", "5", "5次以上"],
//			axisLabel: {
//				show: true, // 默认为true 
//				interval: 0, // 设置x轴文本标签全部显示 
//
//			},
//			axisLine: {
//				show: true, // 默认为true 
//			},
//		},
//		yAxis: {
//			name: '客户数', //客户数[位置在左上角]
//			left: '10px',
//			show: false,
//		},
//		grid: { //图表的上下左右间距
//			left: '2%',
//			containLabel: true
//		},
//		series: [{
//			//name: data_arr.name, //'消费次数'
//			type: 'bar',
//			barWidth: 20, //柱图宽度
//			data: series_data_1, //[2350, 1100, 1530, 560, 2560, 1860, 750]
//			itemStyle: {
//				normal: {
//					color: 'rgba(65,152,255,1)', //填充色
//					label: { //标签显示位置
//						show: true,
//						position: 'top' //insideTop 或者横向的 insideLeft
//
//					}
//				}
//			},
//		}]
//	};
//
//	// 使用刚指定的配置项和数据显示图表。
//	myChart.setOption(option);
//}
//


function chart_zz_only_noxAxis_noxLines(yarr_arr) {

	//取得X轴的数组
	var xAxis_data = [];
	var series_data1 = [];

	var series_data1_max = 0; //为了5格线也是拼了

	//计算最大值
	mui.each(yarr_arr.data, function(index, item) {
		xAxis_data[index] = yarr_arr.data[index].name;
		series_data1[index] = yarr_arr.data[index].data[0];

		(parseInt(series_data1[index]) > series_data1_max) ? series_data1_max = parseInt(series_data1[index]): series_data1_max = series_data1_max;
	});
	//避免数据为0的情况
	(series_data1_max == 0) ? series_data1_max = 10: series_data1_max = series_data1_max;

	//判断最大值
	series_data1_max = retMax(series_data1_max);

	// 因为是双y坐标轴, 刻度是按照最大-最小 来5等分，涉及到精度的问题，有可能会导致两边的轴不对齐
	// 因此，需要对最大值和最小值，做一个处理，向上和向下 来取一个恰好五等分的距离
	var minKll = 0,
		maxKll = series_data1_max;

		// 为避免出现精度问题， 重新计算5等分值 (kllInterval, yyeInterval 是5等分值 )
		var kllInterval = Math.ceil((maxKll - minKll) / 5);
	maxKll = minKll + kllInterval * 5;

	// x轴数据
	var times = xAxis_data; //['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', '24:00']; 

	// 客流量(柱图bar)
	var kllData = series_data1; //[220, 105, 250, 160, 320, 195, 408];

	// 注意Y轴的name，用了全角空格做占位，因为属性里的对齐方式，达不到效果
	var option = {
		title: {
			text: yarr_arr.name,
			textStyle: {
				color: '#4D4D4D',
				fontSize: 15,
				height: 15,
				fontWeight: 400
			},
			left: 'center',
			top: 4,
			padding: 0,
		},
		grid: {
			top: 60,
			bottom: 55,
			left: 40,
			right: 10,
			border: '1px solid #F00'
		},
		tooltip: {
			show:false,
//			trigger: 'axis',
//			padding: 0, //在div中设置
//			formatter: function(datas) {
//				var sbxx = '<div class="tooltip_formatter">' + '时间' + ': ' + datas[0].name + '</div>';				
//				sbxx += '<div class="tooltip_formatter">' + datas[0].seriesName + ': ' + datas[0].value + '</div>';
//				return sbxx;
//			},
		},
		color: ['#4198FF', '#FF6A4C'],
		legend: {
			data: [],
			itemGap: 10,
			bottom: 5,
			left: 'center',
			textStyle: {
				fontSize: 10,
				color: '#808080',
				padding: [0, 10]
			},
			itemHeight: 5,
			itemWidth: 30,
			icon: 'img://beijing.png',
		},
		toolbox: {
			itemSize: 17,
			right: 5,
			top: 0,
			showTitle: false,
			feature: {
				myHelp: {
					title: '',
//					icon: 'image://img//problem.png',
//					onclick: function() {
//						// 在此处编写点击事件
//						alert('你点击了我。');
//					}
				}
			}
		},
		xAxis: {
			type: 'category',
			data: times,
			splitLine: {
				show: false
			},
			axisTick: {
				show: false
			},
			axisLabel: {
				color: '#4D4D4D',
				fontSize: 10,
			},
			axisLine: {
				lineStyle: {
					color: '#808080',
					width: 0, //这里是为了突出显示加上的
				}
			}

		},
		yAxis: [{
			show:true,
			type: 'value',
			name: ' 　　　',
			min: minKll,
			max: maxKll,
			interval: kllInterval,
			nameGap: 15,
			nameTextStyle: {
				color: '#4D4D4D',
				fontSize: 10,
			},
			axisLabel: {
				color: '#4D4D4D',
				fontSize: 10
			},
			axisTick: {
				show: false
			},
			axisLine: {
				show: false
			}

		}, ],
		series: [{
				type: 'bar',
				yAxisIndex: 0,
				name: '',
				barWidth: 12,
				symbol: 'circle', //拐点样式
				data: kllData
			},

		]

	};
	return option;
}